﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>机构用户中心</title>
    <link href="../css/base.css" rel="stylesheet" />
    <link href="../css/InstitutPublic.css" rel="stylesheet" />
    <link href="../css/InstitutUserC.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <!--滚动条样式-->
    <link href="../plugins/mCustomScrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" />
</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="top_right">
                <ul>
                    <li class="mm">
                        <a href="javascript://"><b>机构平台</b></a><em></em>
                    </li>
                    <li class="ms">
                        <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
        </div>
    </div>
    <div class="head">
        <a href="javascript://" class="logos"><img src="../images/org-logo.jpg"/></a>
    </div>
    <div class="content" id="content">
        <div class="leftNav" id="leftNav">
            <ul>
                <li class="current"><a href="../organization/InstitutUserC.html">机构主页</a></li>
                <li><a href="../organization/InstitutMessage.html">机构信息</a></li>
                <li><a href="../organization/SiteManage.html">场地管理</a></li>
                <li><a href="../organization/ActivityManage.html">活动管理</a></li>
                <li><a href="../organization/MemberManage.html">成员管理</a></li>
                <li><a href="../organization/VenueRental.html">场地出租</a></li>
                <li><a href="../user/UserManage.html">用户管理</a></li>
                <li><a href="../organization/NotificatMessage.html">通知消息</a></li>
                <li><a href="../organization/StateMessage.html">统计管理</a></li>
                <li><a href="../organization/AuthorityMessage.html">权限管理</a></li>
                <li><a href="../organization/Announcements.html">公告管理</a></li>
                <li><a href="../organization/MaterialDesign.html">物料设计</a></li>
                <li><a href="../organization/CulturalResources.html">文化资源</a></li>
            </ul>
        </div>
        <div class="rightCont">
            <div class="right_head">
                <p>
                    <a href="javascript://"><i class="icon iconfont">&#xe604;</i></a>
                    <b></b>
                    <a href="javascript://">注销</a>
                </p>
                机构用户中心
            </div>
            <div class="jg_title">
                <h1>机构主页</h1>
                <p>欢迎 小芝麻  登录智慧文化云机构用户中心</p>
            </div>
            <div class="jgright_l">
                <div class="RecActiv">
                    <h2 class="title">
                        近期活动<br />
                        <b>即将举办的活动</b>
                    </h2>
                    <div class="ActivProlist">
                        <ul>
                            <li><a href="javascript://"><img src="../images/act-img01.png" /></a></li>
                            <li><a href="javascript://"><img src="../images/act-img02.png" /></a></li>
                            <li><a href="javascript://"><img src="../images/act-img04.png" /></a></li>
                        </ul>
                    </div>
                </div>
                <div class="member_activ">
                    <h2 class="title">
                        动态<br />
                        <b>成员工作动态与用户报名动态</b>
                    </h2>
                    <div class="member_activ">
                        <ul class="mem_switch">
                            <li class="e">馆员</li>
                            <li>用户</li>
                        </ul>
                        <div class="member_table">
                            <p class="member_head">
                                <span style="width:25%">姓名</span>
                                <span style="width:65%">内容</span>
                                <span style="width:10%; text-align:left;">时间</span>
                            </p>
                            <ul id="scroll">
                                <li>
                                    <div class="m_l">
                                        <a href="javascript://"><span><img src="../images/user1.png" /></span><b>XUAN</b></a>
                                    </div>
                                    <div class="m_m">
                                        <a href="javascript://">新建了活动</a>
                                        <p>创建了活动：《在新时代的路上》 场地：图书馆2F报考厅 时间：2015-12-28 报名人数：200人          </p>
                                    </div>
                                    <div class="m_r" style="text-align:left">2015-12-29<br />12:22:00</div>
                                </li>
                                <li>
                                    <div class="m_l">
                                        <a href="javascript://"><span><img src="../images/user1.png" /></span><b>XUAN</b></a>
                                    </div>
                                    <div class="m_m">
                                        <a href="javascript://">新建了活动</a>
                                        <p>创建了活动：《在新时代的路上》 场地：图书馆2F报考厅 时间：2015-12-28 报名人数：200人          </p>
                                    </div>
                                    <div class="m_r" style="text-align:left">2015-12-29<br />12:22:00</div>
                                </li>
                                <li>
                                    <div class="m_l">
                                        <a href="javascript://"><span><img src="../images/user1.png" /></span><b>XUAN</b></a>
                                    </div>
                                    <div class="m_m">
                                        <a href="javascript://">新建了活动</a>
                                        <p>创建了活动：《在新时代的路上》 场地：图书馆2F报考厅 时间：2015-12-28 报名人数：200人          </p>
                                    </div>
                                    <div class="m_r" style="text-align:left">2015-12-29<br />12:22:00</div>
                                </li>
                                <li>
                                    <div class="m_l">
                                        <a href="javascript://"><span><img src="../images/user1.png" /></span><b>XUAN</b></a>
                                    </div>
                                    <div class="m_m">
                                        <a href="javascript://">新建了活动</a>
                                        <p>创建了活动：《在新时代的路上》 场地：图书馆2F报考厅 时间：2015-12-28 报名人数：200人          </p>
                                    </div>
                                    <div class="m_r" style="text-align:left">2015-12-29<br />12:22:00</div>
                                </li>
                                <li>
                                    <div class="m_l">
                                        <a href="javascript://"><span><img src="../images/user.gif" /></span><b>XUAN</b></a>
                                    </div>
                                    <div class="m_m">
                                        <a href="javascript://">新建了活动</a>
                                        <p>创建了活动：《在新时代的路上》 场地：图书馆2F报考厅 时间：2015-12-28 报名人数：200人          </p>
                                    </div>
                                    <div class="m_r" style="text-align:left">2015-12-29<br />12:22:00</div>
                                </li>
                                <li>
                                    <div class="m_l">
                                        <a href="javascript://"><span><img src="../images/user.gif" /></span><b>XUAN</b></a>
                                    </div>
                                    <div class="m_m">
                                        <a href="javascript://">新建了活动</a>
                                        <p>创建了活动：《在新时代的路上》 场地：图书馆2F报考厅 时间：2015-12-28 报名人数：200人          </p>
                                    </div>
                                    <div class="m_r" style="text-align:left">2015-12-29<br />12:22:00</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="jg_right">
                <div class="jgxx">
                    <h2 class="title">
                        机构信息<br />
                        <b>机构相关信息设置</b>
                    </h2>
                    <ul>
                        <li style=" background-color:#91c154">
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe600;</i>
                                <span>机构信息</span>
                            </a>
                        </li>
                        <li style=" background-color:#f6be43">
                            <a href="javascript://">
                                <i class="icon iconfont" style="font-size:50px;">&#xe60f;</i>
                                <span>机构信息</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="kslj">
                    <h2 class="title">
                        快速链接<br />
                        <b>常用功能快速链接</b>
                    </h2>
                    <ul>
                        <li style=" background-color: #ea644b">
                            <a href="javascript://">
                                <i class="icon iconfont" style="font-size:45px;">&#xe610;</i>
                                <span>创建场地</span>
                            </a>
                        </li>
                        <li style=" background-color: #f6be43">
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe600;</i>
                                <span>求租信息</span>
                            </a>
                        </li>
                        <li style=" background-color: #8c48af">
                            <a href="javascript://">
                                <i style="font-weight:normal;">+</i>
                                <span>创建活动</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/animate.js"></script>
    <!--滚动条js-->
    <script src="../plugins/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script>

        /******************机构主页动态--滚动条区域***************************/
        (function ($) {
            $(window).load(function () {
                $("#scroll").mCustomScrollbar({
                    autoHideScrollbar: true,
                    scrollInertia:280,
                    theme: "dark-org"
                });
            });
        })(jQuery);
        $(function () {
            //侧导航高度自适应
            onscrolls2();
            $(".mem_switch li").click(function () {
                $(this).addClass("e").siblings("li").removeClass("e");
            })
        })
    </script>
</body>
</html>
